@bgColor: #006699;
html,
body {
    height: 100%;
    background-color: #fff;
}
ul,
ol {
    list-style: none;
    padding: 0px;
    margin: 0;
}
.lt-container {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    padding-top: 45px;
    padding-bottom: 55px;
    /*头部*/ 
    .lt-header {
        height: 45px;
        width: 100%;
        background-color: @bgColor;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 45px;
        color: #fff;
        .home,
        .search {
            width: 45px;
            height: 45px;
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            a {
                display: block;
                color: #fff;
            }
        }
        .search {
            left: auto;
            right: 0;
        }
        .title {
            text-align: center;
            margin: 0;
            line-height: 45px;
            font-weight: normal;
            font-size: 20px;
        }
    }

   
    /*底部*/ 
    .lt-footer {
        width: 100%;
        height: 55px;
        background-color: @bgColor;
        position: absolute;
        left: 0;
        bottom: 0;
        ul {
            margin: 0;
            padding: 0;
            li {
                float: left;
                width: 25%;
                text-align: center;
                padding-top: 7px;
                a,
                p {
                    color: #fff;
                }
            }
            .current {
                a,
                p {
                    color: orange;
                }
            }
        }
    }
}